<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<b><p style="font-size: 20px;">工作经历</p></b>
		<div id="div111" >
		<hr >
		公司名称：<input type="text" name="" id="name" value="" />
		职位：<input type="text" name="" id="zw" value="" />
		<a href="#" onclick="shanchu()">删除工作经历</a>
		<br>
		<br>
		<form action="" method="">
			<table border="0" >
				<tr>
					<td>工作职责及工作内容描述：</td>
					<td><textarea rows="8" cols="50"></textarea></td>
				</tr>
			</table>
		</form>
		<hr >
		<a href="#" style="padding-left: 1200px;" onclick="tianjia()">添加工作经历</a>
		</div>
	</body>
	<script type="text/javascript">
		function tianjia(){
			var div1Obj = document.getElementById('div111');
			div1Obj.innerHTML+=`
				<div id="div222" >
				<hr >
				公司名称：<input type="text" name="" id="name" value="" />
				职位：<input type="text" name="" id="zw" value="" />
				<a href="#" onclick="shanchu()">删除工作经历</a>
				<br>
				<br>
				<form action="" method="">
					<table border="0" >
						<tr>
							<td>工作职责及工作内容描述：</td>
							<td><textarea rows="8" cols="50"></textarea></td>
						</tr>
					</table>
				</form>
				<hr >
				<a href="#" style="padding-left: 1200px;" onclick="tianjia()">添加工作经历</a>
				</div>
			`
		}
		function shanchu(){
			var div1Obj = document.getElementById('div111');
			var div2Obj = document.getElementById('div222');
			div1Obj.removeChild(div2Obj)
		}
	</script>
</html>

